﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IList<System.Web.Mvc.SelectList>>" %>

<% IList<SelectList> selectedList = ViewData.Model; %>
<% SelectList productCategoryBrandList = selectedList[0]; %>
<% SelectList kategoriList = selectedList[1]; %>

<div class="DdlContainer">
    <div class="">
        <%=Html.DropDownList("ddlKategori", kategoriList, "Kategori Seçiniz", new { @class = "listArchiveCombo" })%>
        <input type="hidden" value="0" name="Kategori" id="Kategori"/>
    </div>

    <div class="">
        <%=Html.DropDownList("ddlBrand", productCategoryBrandList, "Marka Seçiniz", new { @class = "listArchiveCombo" })%>
        <input type="hidden" value="0" name='Marka' id="Marka"/>
    </div>
    <div class="">
       <select id="ddlModel" name="ddlModel" class="listArchiveCombo">
                        <option value="0">Model Seçiniz</option>
                    </select>
                    <input type="hidden" value="0" name='Model' id="Model" />
    </div>
</div>
<div class="TextBoxContainer">
    <div class="findRow">
        <div class="findName">Ürün Kodu</div>
        <div class="findTextBox"><input type="text" id='MamulKodTextBox' name='MamulKodTextBox'/></div>
    </div>
    <div class="findRow">
        <div class="findName">Ürün Adı</div>
        <div class="findTextBox"><input type="text" id='MamulAdTextBox' name='MamulAdTextBox'/></div>
    </div>
    <div class="findRow">
        <div class="findName">Orijinal Kod</div>
        <div class="findTextBox">
        <form id="OrijinalKod" name="OrijinalKod" method="post" action="/urunler/GetListDynamicByTextBoxes/">
        <input type="text" id='OrijinalKodTextBox' name='OrijinalKodTextBox'/></form></div>
    </div>
    <div class="findRow">
        <div class="findName">Alternatif Kod</div>
        <div class="findTextBox">
        <form id="AlternatifKod" name="AlternatifKod" method="post" action="/urunler/GetListDynamicByTextBoxes/">
        <input type="text" id='AlternatifKodTextBox' name='AlternatifKodTextBox'/></form></div>
    </div>
</div>
<div class="RadioButtonContainer">
    <div class="radioButtonRow"><input type="radio" name="aramaTip" value="0" checked/> Tüm Stoklar</div>
    <div class="radioButtonRow"><input type="radio" name="aramaTip" value="1" /> Mevcutlar</div>
    <div class="radioButtonRow"><input type="radio" name="aramaTip" value="2" /> Kampanyalı Stoklar</div>
    <div class="radioButtonRow"><input type="radio" name="aramaTip" value="4" /> Kampanyalı Mevcutlar</div>
    <div></div>
</div>
<script src="../../../Scripts/jquery.fillSelect.js" type="text/javascript"></script>
<script type="text/javascript">

    $("#ddlBrand").change(function () {

        var marka = document.getElementById("ddlBrand");
        document.getElementById("Marka").value = marka.options[marka.selectedIndex].value;


        document.getElementById('ddlModel').options.length = 0;
        $("#ddlModel").append($('<option value="0">Model Seçiniz</option>'));


        var e = document.getElementById("ddlKategori");
        document.getElementById("Kategori").value = e.options[e.selectedIndex].value;

        var b = document.getElementById("ddlModel");
        document.getElementById("Model").value = b.options[b.selectedIndex].value;
        var radioGroup = document.getElementsByName('aramaTip');
        var selectedRadio = radioGroup[getSelectedButton(radioGroup)].value;

//        $.post(
//                    "/urunler/GetListDynamic/", { Kategori: document.getElementById("Kategori").value, Marka: document.getElementById("Marka").value, Model: document.getElementById("Model").value, Radio: selectedRadio }, function (data2) {
//                        document.getElementById('urunlerList').innerHTML = data2;
//                    }
//            );

        $.getJSON('/urunler/GetModels/?markaId=' + $('#ddlBrand :selected').val(), null, function (data) {
            
            $("#ddlModel").addItems(data);

        });
    });

    $.fn.addItems = function (data) {
        return this.each(function () {
            var list = this;
            $.each(data, function (index, itemData) {
                $("#ddlModel").append($('<option value=' + itemData.Value + '>' + itemData.Text + '</option>'));
            });
        });
    };


    $('#ddlKategori').change(function () {
        var e = document.getElementById("ddlKategori");
        document.getElementById("Kategori").value = e.options[e.selectedIndex].value;
        var marka = document.getElementById("ddlBrand");
        document.getElementById("Marka").value = marka.options[marka.selectedIndex].value;
        var b = document.getElementById("ddlModel");
        document.getElementById("Model").value = b.options[b.selectedIndex].value;
        var radioGroup = document.getElementsByName('aramaTip');
            var selectedRadio = radioGroup[getSelectedButton(radioGroup)].value;

//            $.post(
//                    "/urunler/GetListDynamic/", { Kategori: document.getElementById("Kategori").value, Marka: document.getElementById("Marka").value, Model: document.getElementById("Model").value, Radio: selectedRadio }, function (data2) {
//                        document.getElementById('urunlerList').innerHTML = data2; 
//                    }
//            );
                });


                $('#ddlModel').change(function () {
        var e = document.getElementById("ddlKategori");
        document.getElementById("Kategori").value = e.options[e.selectedIndex].value;
        var marka = document.getElementById("ddlBrand");
        document.getElementById("Marka").value = marka.options[marka.selectedIndex].value;
        var b = document.getElementById("ddlModel");
        document.getElementById("Model").value = b.options[b.selectedIndex].value;
        var radioGroup = document.getElementsByName('aramaTip');
        var selectedRadio = radioGroup[getSelectedButton(radioGroup)].value;

//        $.post(
//        "/urunler/GetListDynamic/", { Kategori: document.getElementById("Kategori").value, Marka: document.getElementById("Marka").value, Model: document.getElementById("Model").value, Radio: selectedRadio }, function (data2) {
//            document.getElementById('urunlerList').innerHTML = data2;
//        }
//);
    });

    function getSelectedButton(buttonGroup) {
        for (var i = 0; i < buttonGroup.length; i++) {
            if (buttonGroup[i].checked) {
                return i;
            }
        }
        return 0;
    }


    function submitFormtoSearch() {

        if (document.getElementById("AlternatifKodTextBox") != "") {
            var alternatifKod = $('#AlternatifKodTextBox').val();
            document.location.replace('/urunler/GetProductByAlternatifKod/?alternatifKod=' + alternatifKod);
        }
        else if (document.getElementById("OrijinalKodTextBox") != "") {
            var orijinalKod = $('#OrijinalKodTextBox').val();
            document.location.replace('/urunler/GetProductByOrijinalKod/?orijinalKod=' + orijinalKod);
        }
        else if (document.getElementById("MamulKodTextBox").value != "" || document.getElementById("MamulAdTextBox").value != "") {
            var radioGroup = document.getElementsByName('aramaTip');
            var selectedRadio = radioGroup[getSelectedButton(radioGroup)].value;
            $.post(
        "/urunler/GetListDynamicByTextBoxes/", {  StokKod: document.getElementById("MamulKodTextBox").value, StokAd: document.getElementById("MamulAdTextBox").value, Radio: selectedRadio }, function (data2) {
            document.getElementById('urunlerList').innerHTML = data2;
        });
        }
}

function submitFormtoSearchbyGroup() {

    var e = document.getElementById("ddlKategori");
    document.getElementById("Kategori").value = e.options[e.selectedIndex].value;
    var marka = document.getElementById("ddlBrand");
    document.getElementById("Marka").value = marka.options[marka.selectedIndex].value;
    var b = document.getElementById("ddlModel");
    document.getElementById("Model").value = b.options[b.selectedIndex].value;
    var radioGroup = document.getElementsByName('aramaTip');
    var selectedRadio = radioGroup[getSelectedButton(radioGroup)].value;


    $.post(
        "/urunler/GetListDynamic/", { Kategori: document.getElementById("Kategori").value, Marka: document.getElementById("Marka").value, Model: document.getElementById("Model").value, Radio: selectedRadio }, function (data2) {
            document.getElementById('urunlerList').innerHTML = data2;
        });
}
</script>